{% extends 'snippet/layout.html' %}

{% block title %}首页{% endblock %}

{% block body %}
<div class="container micro_main profile">
    <div class="panel panel-default panel-primary">
      <div class="panel-heading">
        <div class="row">
            <div class="col-md-10">
              <h3 class="panel-title profile-nickname"><img src="{{ user_info.profile.avatar }}" class="size48"> {{ user_info.nickname }}</h3>
            </div>
             <div class="col-md-2 profile-order-date"><p>第{{ user_info.mid }}号成员</p><p>入住于 {{ reg_time }} </p></div>
        </div>
      </div>
      <div class="panel-body">
       <!-- {{ user_info }} -->
        <div class="table-responsive">
        <table class="table table-nobordered table-hover">
           <tbody>
                <tr><td style="width: 100px;" class="micro_text_right">用户名：</td> <td>{{ user_info.username }}</td></tr>
                <tr><td class="micro_text_right">邮箱：</td> <td>{{ user_info.email }}</td></tr>
                {% if user_info.profile.tags %}
                   <tr><td class="micro_text_right">标签：</td> <td>{% for tag in user_info.profile.tags %}{{ tag }} {% endfor %}</td></tr>
                {% endif %}
                {% if user_info.sites %}
                  {% for sitename, site in user_info.sites.items() %}
                     <tr><td class="micro_text_right">{{ sitename }}：</td> <td><a href='{{ site }}'target="_blank">{{ site }}</a></td></tr>
                 {% endfor %}
                {% endif %}
            </tbody>
        </table>
        </div>
      </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">文章</h3>
      </div>
      <div class="panel-body">
           你还没有发表过文章 -_-#
      </div>
    </div>
    
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">项目</h3>
      </div>
      <div class="panel-body">
           你还没有发起过项目 -_-#
      </div>
    </div>
</div>
{% endblock %}
